<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:p="http://primefaces.org/ui">
	  
<ui:composition  template="/templates/layout.xhtml">
	
	<ui:define name="corpo">
	<div id="corpo" style="height: 560px">
		<div id="bemvindo" style="padding-left: 25px; text-align: left;">
			<h1>
				<h:outputLabel value="#{msg.txt_bemvindo}, #{contextoBean.usuarioLogado.nome}!"/>
			</h1>
		</div>
		
		<div id="dados">
			<p:fieldset legend="Dados Cadastrais">
				<p:panel id="pnl1" toggleable="true" closable="false" toggleSpeed="500" closeSpeed="500" widgetVar="panel1">
					 				
					<f:facet name="header">Dados Pessoais</f:facet>
					<h:panelGrid columns="2">
					
					<h:outputLabel value="Nome: " />
					<h:outputText value="#{contextoBean.usuarioLogado.nome}" />
					
					<h:outputLabel value="Email: " />
					<h:outputText value="#{contextoBean.usuarioLogado.email}" />
					
					<h:outputLabel value="Telefone: " />
					<h:outputText value="#{contextoBean.usuarioLogado.telefone.num_telefone}" />
					
					<h:outputLabel value="CPF: " />
					<h:outputText value="#{contextoBean.usuarioLogado.cpf}">
						<f:converter converterId="com.sge.CPFConverter"/>
					</h:outputText>
					
					<h:outputLabel value="Nascimento: " />
					<h:outputText value="#{contextoBean.usuarioLogado.dataNascimento}">
						<f:convertDateTime pattern="dd/MM/yyyy"/>
					</h:outputText>
					
					</h:panelGrid>
					
				</p:panel>
				
				<p:panel id="pnl2" toggleable="true" closable="false" toggleSpeed="500" closeSpeed="500" widgetVar="panel2">
					<f:facet name="header">Endereço</f:facet>
					<h:panelGrid columns="2">
					
					<h:outputLabel value="Endereço: " />
					<h:outputText value="#{contextoBean.usuarioLogado.endereco.logradouro}" />
					
					<h:outputLabel value="Número: " />
					<h:outputText value="#{contextoBean.usuarioLogado.endereco.numero}" />
					
					<h:outputLabel value="CEP: " />
					<h:outputText value="#{contextoBean.usuarioLogado.endereco.cep}">
					</h:outputText>					
					<h:panelGroup rendered="#{not empty contextoBean.usuarioLogado.endereco.complemento}">
						<h:outputLabel value="Complemento: " />
						<h:outputText value="#{contextoBean.usuarioLogado.endereco.complemento}" />
					</h:panelGroup>
					
					<h:outputLabel value="Bairro: " />
					<h:outputText value="#{contextoBean.usuarioLogado.endereco.bairro}" />
					
					<h:outputLabel value="Cidade: " />
					<h:outputText value="#{contextoBean.usuarioLogado.endereco.cidade}" />
					
					<h:outputLabel value="Estado: " />
					<h:outputText value="#{contextoBean.usuarioLogado.endereco.uf}" />
					</h:panelGrid>
				</p:panel>
				<p:panel id="pnl3" toggleable="true" closable="false" toggleSpeed="500" closeSpeed="500" widgetVar="panel3">
					<f:facet name="header">Dados do Veiculo</f:facet>
					
					<h:panelGrid columns="2">
						<h:outputLabel value="Placa: " />
						<h:outputText value="#{contextoBean.veiculoUsuarioLogado.placa}" />
					
						<h:outputLabel value="Modelo: " />
						<h:outputText value="#{contextoBean.veiculoUsuarioLogado.modelo}" />
						
						<h:outputLabel value="Categoria: " />
						<h:outputText value="#{contextoBean.veiculoUsuarioLogado.categoria}" />
					</h:panelGrid>
				</p:panel>
								
			</p:fieldset>
			
			<div>							
				<div style="width: 300px; float: left; margin: 10px">
					<h:form>
						<h:commandLink action="#{reservaBean.reservasPorUsuario}" value="Reservas" styleClass="css3button"/>
					</h:form>
				</div>										
				<div style="width: 300px; float: right; margin: 10px">
			         <div align="right">
			         <h:form id="botoes">
			            <h:commandLink action="#{usuarioBean.editar}" value="Alterar" styleClass="css3button">
			            	<f:setPropertyActionListener target="#{usuarioBean.usuario}" value="#{contextoBean.usuarioLogado}"/>
			            	<f:setPropertyActionListener target="#{usuarioBean.endereco}" value="#{contextoBean.usuarioLogado.endereco}"/>
			            	<f:setPropertyActionListener target="#{usuarioBean.veiculo}" value="#{contextoBean.veiculoUsuarioLogado}"/>
			            	<f:setPropertyActionListener target="#{usuarioBean.telefone}" value="#{contextoBean.usuarioLogado.telefone}"/>
			            </h:commandLink>
			          
						<h:commandLink id="excluir" oncomplete="dlgExcluir.show()" title="Excluir" value="Excluir"  styleClass="css3button" style="margin-left: 7px;"/>
												
						<p:dialog  header="Excluir cadastro" id="dlgExcluir" widgetVar="dlgExcluir" resizable="false" showEffect="fade" hideEffect="explode" modal="true">
							<h:outputText value="Confirma a exclusão?"/>							
							<p:commandButton action="#{usuarioBean.excluir}" value="Confirmar" onclick="dlgExcluir.hide()" styleClass="css3button" />
							<p:commandButton type="reset" value="Cancelar"  onclick="dlgExcluir.hide()" styleClass="css3button" />
						</p:dialog>
					</h:form>
					</div>	
				</div>		
			</div>
	</div>
	</div>	
				
	</ui:define>
	
</ui:composition>
</html>